import React, { Component } from 'react';
import '../../css/main.scss'

class main extends Component {
    render() {
        return (
            <div className="main">
                <div className="mask"></div>
                <div className="shop-cart">
                    <div className="cart-box">
                        <div className="box-top">
                            <i className="iconfont icon-chevronleftcircle1"></i>
                            <img src={require('../../images/sjlogo.png').default} alt="" />
                            <span>海绵包包</span>
                        </div>
                        <div className="box-und">
                            <img src={require('../../images/shopimg.png').default} alt="" />
                            <div className="und-right">
                                <strong>首款海绵包包</strong>
                                <span>颜色：黑色</span>
                                <div className="price">
                                    <span>￥68.00</span>
                                    <div className="calc">
                                        <i className="iconfont icon-sub"></i>
                                        <span>1</span>
                                        <i className="iconfont icon-CombinedShape"></i>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div className="cart-box">
                        <div className="box-top">
                            <i className="iconfont icon-chevronleftcircle1"></i>
                            <img src={require('../../images/sjlogo.png').default} alt="" />
                            <span>海绵包包</span>
                        </div>
                        <div className="box-und">
                            <img src={require('../../images/shopimg.png').default} alt="" />
                            <div className="und-right">
                                <strong>首款海绵包包</strong>
                                <span>颜色：黑色</span>
                                <div className="price">
                                    <span>￥68.00</span>
                                    <div className="calc">
                                        <i className="iconfont icon-sub"></i>
                                        <span>1</span>
                                        <i className="iconfont icon-CombinedShape"></i>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div className="cart-box">
                        <div className="box-top">
                            <i className="iconfont icon-chevronleftcircle1"></i>
                            <img src={require('../../images/sjlogo.png').default} alt="" />
                            <span>海绵包包</span>
                        </div>
                        <div className="box-und">
                            <img src={require('../../images/shopimg.png').default} alt="" />
                            <div className="und-right">
                                <strong>首款海绵包包</strong>
                                <span>颜色：黑色</span>
                                <div className="price">
                                    <span>￥68.00</span>
                                    <div className="calc">
                                        <i className="iconfont icon-sub"></i>
                                        <span>1</span>
                                        <i className="iconfont icon-CombinedShape"></i>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
                <div className="all-price"></div>
            </div>
        );
    }
}

export default main;
